.mobile {
  padding: 0;
  margin: 0;
  /* 当前屏幕宽高 */

  /* background-color: rgb(166, 217, 252); */
}


/* 公共内容区域 ==============================================*/
/* 数据展示滚动布局 ---------------*/
.m-databox .tabs {
  width: calc(100% -2vw);
  height: 6vh;
  padding: 0 0.5vw;
  border-bottom: 0.3vh #00f2f1 solid;
}

.m-databox .tabs a {
  font-size: 3.5vh;
  font-weight: bold;
  color: #fff;
  cursor: default;
  letter-spacing: 2px;
  text-decoration: none;
  white-space: nowrap;
}

.m-databox .tabs i {
  font-size: 3.5vh;
  color: #fff;
  cursor: default;
  text-decoration: none;
}

.m-databox .tabs span {
  padding-left: 5vw;
  font-size: 3vh;
  color: #00f2f1;
  opacity: 0.5;
  white-space: nowrap;
}

.m-databox .content {
  width: calc(100%);
  height: 34vh;
  border-bottom: 0.3vh #00f2f1 solid;
}

.m-databox .head {
  display: flex;
  justify-content: space-between;
  line-height: 1.0;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 1.5vh 0vw;
  color: #68d8fe;
  font-size: 3vh;
  white-space: nowrap;
}

.m-databox .marquee-view {
  top: 1vh;
  bottom: 0;
  width: calc(100%);
  height: 28vh;
  overflow: hidden;
}

.m-databox .row {
  display: flex;
  justify-content: space-between;
  line-height: 5vh;
  font-size: 3vh;
  color: #61a8ff;
  padding: 1vh 0vw;
}

.m-databox .marquee .row:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #68d8fe;
  cursor: pointer
}

.m-databox .box .col {
  flex: 3;
  white-space: nowrap;
}

.m-databox .box .col:nth-child(2) {
  flex: 5;
  text-align: center;
}

.m-databox .box .col:nth-child(3) {
  flex: 3;
  text-align: center;
}

/* 通过CSS3动画滚动marquee */
.m-databox .marquee-view .marquee {
  animation: move 15s linear infinite;
}

@keyframes move {
  0% {}

  100% {
    transform: translateY(-50%);
  }
}

/* 3.鼠标经过marquee 就停止动画 */
.m-databox .marquee-view .marquee:hover {
  animation-play-state: paused;
}


.m-databox .inner_right {
  width: calc(100% -1vw);
  height: 40vh;
  padding: 2vh 1vw 2vh 0vw;
}

/* 速度栏的文字 */

#m-speed a.active {
  color: #88adff;
}

#m-stress a.active {
  color: #88adff;
}
#m-dipangle a.active {
  color: #88adff;
}


/* loading icon大小 */
.el-loading .el-icon-loading {
  font-size: 30px !important;
}

/* load文字大小 */
.el-loading-spinner .el-loading-text {
  font-size: 16px !important;
}



/* 竖屏布局----------------------------------------------------------- */
.mobile .m-box1 {
  position: absolute;
  top: 0%;
  width: calc(100vw);
  height: calc(100vh);
  background-color: rgb(181, 226, 252);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.m-box1 h1 {
  display: block;
  font-size: 5vw;
}

.m-box1 .tip{
  position:absolute;
  top: 2%;
  font-size: 5vw;
}

/* 横屏布局============================================================== */
.mobile .m-box2 {
  position: absolute;
  top: 0%;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

/* 标题区域------------------------------------------- */
.m-box2 .m-title2 {
  width: 100vw;
  height: 20vh;
  pointer-events: none;
  background: url('http://cdn.hustzjc.top/header.png') no-repeat center;
  background-size: 45% 80%;
  text-align: center;
}

.m-title2 img{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 25vw;
}

.m-title2 h1 {
  height: 4vh;
  padding-top: 1.5vh;
  font-family: "Microsoft YaHei";
  color: rgb(255, 255, 255);
  font-size: 4vh;
  letter-spacing: 0.5vw;
  font-weight: bold;
}


.elbox {
  position:absolute;
  top: 0%;
  right: 1%;
  pointer-events: auto;
}

.el-button {
  background-color: transparent !important;
  font-size: 3.5vh ;
  font-weight: bold !important;
  color: #fff;
  text-decoration:underline;
}
.el-button i {
  font-size: 3.5vh ;
  font-weight: bold !important;
  color: #fff;
  text-decoration:underline;
}

.erweima{
  color: #fff;
  position:absolute;
  right: calc(10.5vw - 22px);
}
/* 中部展示盒子 -------------------------------------------------*/
.m-box2 .m-databox {
  position: absolute;
  top: 0%;
  display: flex;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

.m-databox .box {
  flex: 3;
}

.m-databox .box_middle {
  flex: 7;
}

/* 左边栏 --------------------------------------------------------*/
/* 倾角 */
.m-databox .m-dipangle {
  width: calc(100% -1vw);
  height: 40vh;
  padding-left: 1vw;
  margin-top: 13vh;
  pointer-events: auto;
}

.m-databox .m-deflection {
  width: calc(100% -1vw);
  height: 40vh;
  padding-left: 1vw;
  margin-top: 3vh;
  pointer-events: auto;
}

/* 中间栏 ------------------------------------------------------*/
.m-databox .window {
  width: 100%;
  height: 83vh;
}

/* 实时数据区域 */
.m-databox .timedata {
  width: 100%;
  height: 17vh;
  /* bug01??????????????????????????????? */
  display: block;
}

.m-databox .timedata .m-name {
  width: 100%;
  height: 5vh;
  text-align: center;
  /* chrome最小字体限制 */
  font-size: 2vh;
  color: #1296db;
  opacity: 0.5;
}

.m-databox .timedata .m-flexbox {
  margin: 0 auto;
  width: 85%;
  height: 15vh;
  display: flex;
  justify-content: center;
}

.m-databox .m-flexbox .m-flexson {
  flex: 1;
  height: 11vh;
  padding-right: 1vw;
  padding-left: 1vw;
}

.m-flexbox .m-flexson:first-child {
  height: 10vh;
  padding-top: 1vh;
  border-right: 0.025vh solid #1296db;
}

.m-flexbox p:first-child {
  font-size: 4.5vh;
}

.m-flexbox p {
  font-size: 3vh;
  color: #1296db;
  text-align: right;
}

.m-flexbox .m-flexson:nth-child(3) {
  border-left: 0.025vh solid #1296db;
}

.m-flexson .m-blockbox {
  display: flex;
  justify-content: center;
  /*水平主轴居中*/
  align-items: center;
  /*垂直交叉轴居中*/
  width: 100%;
  height: 100%;
  /* background-color: green; */
  font-size: 3vh;
  color: #1296db;
}

.m-pic1 {
  display: inline-block;
  width: 6vw;
  height: 6vh;
  padding-top: 0.5vh;
}

.m-flexson .m-noblockbox {
  display: flex;
  align-items: center;
  /*垂直交叉轴居中*/
  width: 100%;
  height: 100%;
  /* background-color: green; */
  font-size: 3vh;
  color: #1296db;
}

/* 右边栏----------------------------------------------------------- */
.m-databox .m-stress {
  width: calc(100% -1vw);
  height: 40vh;
  padding-right: 1vw;
  margin-top: 13vh;
  pointer-events: auto;
}

/* 粗字体font-weight: bold; */
.m-databox .m-speed {
  width: calc(100% -1vw);
  height: 40vh;
  padding-right: 1vw;
  margin-top: 3vh;
  pointer-events: auto;
}